<template>
  <div class="X6Editor">
    <TopActions />
    <div class="container">
      <X6Graph type="edit" />
      <RightControls />
      <LeftOptions />
    </div>
  </div>
</template>

<script>
import TopActions from '@/components/TopActions.vue'
import LeftOptions from '@/components/LeftOptions.vue'
import RightControls from '@/components/RightControls.vue'
import X6Graph from '@/components/X6Graph.vue'
export default {
  name: 'EditorPage',
  components: {
    TopActions, LeftOptions, RightControls, X6Graph
  }
}
</script>
<style lang="scss" scoped>
  .X6Editor{
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    .container{
      display: flex;
      flex: 1;
    }
  }
</style>
